<template>
  <div class="brandStory">
    <comRNav title="品牌故事" />
    <section>
      <img src="../assets/goodsLists/1.jpg" alt="">
      <img src="../assets/goodsLists/2.jpg" alt="">
      <img src="../assets/goodsLists/3.jpg" alt="">
      <div></div>
    </section>
    <div class="brandStoryFooter"></div>
  </div>
</template>

<script>
import comRNav from "../components/comRNav";

export default {
  name: "brandStory",
  data() {
    return {
      
    };
  },
  computed: {},
  methods: {
    
  },
  components: {
    comRNav,
  }
};
</script>

<style lang="scss" scoped>
.brandStory{
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  section{
    width: 100%;
    flex: 1;
    overflow-y: auto;
    img{
      width: 100%;
      display: block;
    }
    div{
      height: 20px;
    }
  }
  .brandStoryFooter{
    width: 100%;
    height: 53px;
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
  }
}
</style>